<!doctype html>
  <html>
    <head>
      <link rel="stylesheet" href="https://unpkg.com/xterm@4.15.0/css/xterm.css" />
      <script src="https://unpkg.com/xterm@4.15.0/lib/xterm.js"></script>
      <script src="https://unpkg.com/xterm-addon-web-links@0.4.0/lib/xterm-addon-web-links.js"></script>
      <script src="https://unpkg.com/xterm-addon-search@0.8.1/lib/xterm-addon-search.js"></script>
    </head>
    <body>
      <div id="terminal"></div>
      <script>
        var term = new Terminal();
        term.open(document.getElementById('terminal'));
        term.write('Hello from \x1B[1;3;31mxterm.js\x1B[0m $ ')
        term.loadAddon(new WebLinksAddon())
        const searchAddon = new SearchAddon();
        term.loadAddon(searchAddon)
        searchAddon.findNext('foo');
      </script>
    </body>
  </html>